<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta name="keywords" content="apple,苹果回收"/>
	<meta name="description" content="我爱抛专业回收苹果"/>
	<title>我爱抛 - 苹果回收专业网站</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<script src="lib/jquery-2.1.3.min.js"></script>
	<script src="lib/bootstrap.min.js"></script>
</head>
<body>
	<!--页头-->
	<header style="position:fixed; top:0; z-index:9999;">
		<nav class="navbar navbar-inverse flex-box" role="navigation">
		    <div id="home" class="navbar-header">
		      	<a href="index.html">
		      		<span class="glyphicon glyphicon-home btn-lg header-icon"></span>
					<span>回到首页</span>	      		
		      	</a>
		    </div>
		    <div id="logo">我&nbsp;爱&nbsp;抛</div>
		    <div id="account" class="navbar-header">
		      	<a href="login.html">
		      		<span class="glyphicon glyphicon-user btn-lg header-icon"></span>
		      		<span>用户中心</span>
		      	</a>
		    </div>
		</nav>
	</header>
	<div class="margin-top-85"></div>

	<!--搜索框-->
    <div class="input-group margin-10">
        <input type="text" placeholder="请输入关键字" class="form-control">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">
             <span class="glyphicon glyphicon-search"></span>
            </button>
        </span>
    </div>

    <!--轮播-->
	<div id="myCarousel" class="carousel slide" data-interval="3000">
		<!-- 轮播（Carousel）index -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			<li data-target="#myCarousel" data-slide-to="1"></li>
		</ol>   
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner">
			<div class="item active">
				<img src="image/test_img.png" alt="First slide">
			</div>
			<div class="item">
				<img src="image/test_img.png" alt="Second slide">
			</div>
		</div>
	</div> 

    <!--标签-->
	<div style="border-bottom:2px solid rgba(0,0,0,0.5);">
		<ul id="navbar" class="nav nav-pills">
		    <li data-index="0">
		    	<div id="iphone">
			        <a href="javascript:void(0);">
			        	<span>iphone</span>
			        </a>
			    </div>
		    </li>
		    <li data-index="1">
		        <div id="mac">
			        <a href="javascript:void(0);">
			        	<span>&nbsp;&nbsp;mac</span>
			        </a>
			    </div>
		    </li>
		    <li data-index="2">
		        <div id="ipad">
			        <a href="javascript:void(0);">
			        	<span>&nbsp;&nbsp;ipad</span>
			        </a>
			    </div>
		    </li>
		    <li data-index="3">
		        <div id="ipod">
			        <a href="javascript:void(0);">
			        	<span>&nbsp;ipod</span>
			        </a>
			    </div>
		    </li>
		    <li data-index="4">
		        <div id="iwatch">
			        <a href="javascript:void(0);">
			        	<span>&nbsp;iwatch</span>
			        </a>
			    </div>
		    </li>
		</ul>
	</div>
	<!--详情内容-->
	<div id="info_list">
		<dl id="iphone_info" data-index="0" class="info-list">
			<dd class="info-box margin-10">
				<div class="info-img">
					<span class="hint">热卖</span>
				</div>
				<div class="info-text">
					<p>iPhone 6Plus</p>
					<p>回收均价<em>4567</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>iphone 6</p>
					<p>回收均价<em>3456</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="alert('去看看')">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img">
					<span class="hint">热卖</span>
				</div>
				<div class="info-text">
					<p>iPhone 5S</p>
					<p>回收均价<em>2345</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="alert('去看看')">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>iPhone 5</p>
					<p>回收均价<em>1234</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="alert('去看看')">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>iPhone 4S</p>
					<p>回收均价<em>234</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="alert('去看看')">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>iPhone 4</p>
					<p>回收均价<em>123</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="alert('去看看')">去看看</buttom>
				</div>
			</dd>
		</dl>
		<dl id="mac_info" data-index="1" class="info-list">
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>Mac Air</p>
					<p>回收均价<em>5678</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>Mac Pro</p>
					<p>回收均价<em>6789</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
		</dl>
		<dl id="ipad_info" data-index="2" class="info-list">
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>ipad air</p>
					<p>回收均价<em>3456</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>ipad mini</p>
					<p>回收均价<em>2345</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd><dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>ipad2 mini</p>
					<p>回收均价<em>1234</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
		</dl>
		<dl id="ipod_info" data-index="3" class="info-list">
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>ipod</p>
					<p>回收均价<em>1234</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
		</dl>
		<dl id="iwatch_info" data-index="4" class="info-list">
			<dd class="info-box margin-10">
				<div class="info-img"></div>
				<div class="info-text">
					<p>iwatch</p>
					<p>回收均价<em>8888</em>元</p>
				</div>
				<div class="info-btn">
					<buttom ontouchstart="location.href='detail.html'">去看看</buttom>
				</div>
			</dd>
		</dl>
	</div>

	<!--页脚-->
	<div class="margin-bottom-55"></div>
	<footer style="position:fixed;bottom:0;">
		<a href="javascript:alert('常见问题')">常见问题</a>&nbsp;&nbsp;&nbsp;
		<a href="javascript:alert('联系我们')">联系我们</a>&nbsp;&nbsp;&nbsp;
		<a href="javascript:alert('关于我们')">关于我们</a>
	</footer>

	<script src="src/index.js"></script>
</body>
</html>